<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!-- #section:basics/sidebar -->
<div id="sidebar" class="sidebar                  responsive">
	<script type="text/javascript">
		try {
			ace.settings.check('sidebar', 'fixed')
		} catch (e) {
		}
	</script>
	<div class="sidebar-shortcuts" id="sidebar-shortcuts">
		<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
			<button class="btn btn-success">
				<i class="ace-icon fa fa-signal"></i>
			</button>

			<button class="btn btn-info">
				<i class="ace-icon fa fa-pencil"></i>
			</button>

			<!-- #section:basics/sidebar.layout.shortcuts -->
			<button class="btn btn-warning">
				<i class="ace-icon fa fa-users"></i>
			</button>

			<button class="btn btn-danger">
				<i class="ace-icon fa fa-cogs"></i>
			</button>
			<!-- /section:basics/sidebar.layout.shortcuts -->
		</div>
		<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
			<span class="btn btn-success"></span> <span class="btn btn-info"></span>
			<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
		</div>
	</div>
	<!-- /.sidebar-shortcuts -->
	<ul class="nav nav-list">
		<li class="active"><a href=".html"> <i
				class="menu-icon fa fa-tachometer"></i> <span class="menu-text">
					Dashboard </span>
		</a> <b class="arrow"></b></li>

		<li class=""><a href="#" class="dropdown-toggle"> <i
				class="menu-icon fa fa-desktop"></i> <span class="menu-text">
					UI &amp; Elements </span> <b class="arrow fa fa-angle-down"></b>
		</a> <b class="arrow"></b>

			<ul class="submenu">
				<li class=""><a href="#" class="dropdown-toggle"> <i
						class="menu-icon fa fa-caret-right"></i> Layouts <b
						class="arrow fa fa-angle-down"></b>
				</a> <b class="arrow"></b>

					<ul class="submenu">
						<li class=""><a href="top-menu.html"> <i
								class="menu-icon fa fa-caret-right"></i> Top Menu
						</a> <b class="arrow"></b></li>

						<li class=""><a href="two-menu-1.html"> <i
								class="menu-icon fa fa-caret-right"></i> Two Menus 1
						</a> <b class="arrow"></b></li>

						<li class=""><a href="two-menu-2.html"> <i
								class="menu-icon fa fa-caret-right"></i> Two Menus 2
						</a> <b class="arrow"></b></li>

						<li class=""><a href="mobile-menu-1.html"> <i
								class="menu-icon fa fa-caret-right"></i> Default Mobile Menu
						</a> <b class="arrow"></b></li>

						<li class=""><a href="mobile-menu-2.html"> <i
								class="menu-icon fa fa-caret-right"></i> Mobile Menu 2
						</a> <b class="arrow"></b></li>

						<li class=""><a href="mobile-menu-3.html"> <i
								class="menu-icon fa fa-caret-right"></i> Mobile Menu 3
						</a> <b class="arrow"></b></li>
					</ul></li>

				<li class=""><a href="typography.html"> <i
						class="menu-icon fa fa-caret-right"></i> Typography
				</a> <b class="arrow"></b></li>

				<li class=""><a href="elements.html"> <i
						class="menu-icon fa fa-caret-right"></i> Elements
				</a> <b class="arrow"></b></li>

				<li class=""><a href="buttons.html"> <i
						class="menu-icon fa fa-caret-right"></i> Buttons &amp; Icons
				</a> <b class="arrow"></b></li>

				<li class=""><a href="content-slider.html"> <i
						class="menu-icon fa fa-caret-right"></i> Content Sliders
				</a> <b class="arrow"></b></li>

				<li class=""><a href="treeview.html"> <i
						class="menu-icon fa fa-caret-right"></i> Treeview
				</a> <b class="arrow"></b></li>

				<li class=""><a href="jquery-ui.html"> <i
						class="menu-icon fa fa-caret-right"></i> jQuery UI
				</a> <b class="arrow"></b></li>

				<li class=""><a href="nestable-list.html"> <i
						class="menu-icon fa fa-caret-right"></i> Nestable Lists
				</a> <b class="arrow"></b></li>

				<li class=""><a href="#" class="dropdown-toggle"> <i
						class="menu-icon fa fa-caret-right"></i> Three Level Menu <b
						class="arrow fa fa-angle-down"></b>
				</a> <b class="arrow"></b>

					<ul class="submenu">
						<li class=""><a href="#"> <i
								class="menu-icon fa fa-leaf green"></i> Item #1
						</a> <b class="arrow"></b></li>

						<li class=""><a href="#" class="dropdown-toggle"> <i
								class="menu-icon fa fa-pencil orange"></i> 4th level <b
								class="arrow fa fa-angle-down"></b>
						</a> <b class="arrow"></b>

							<ul class="submenu">
								<li class=""><a href="#"> <i
										class="menu-icon fa fa-plus purple"></i> Add Product
								</a> <b class="arrow"></b></li>

								<li class=""><a href="#"> <i
										class="menu-icon fa fa-eye pink"></i> View Products
								</a> <b class="arrow"></b></li>
							</ul></li>
					</ul></li>
			</ul></li>

		<li class=""><a href="#" class="dropdown-toggle"> <i
				class="menu-icon fa fa-list"></i> <span class="menu-text">
					Tables </span> <b class="arrow fa fa-angle-down"></b>
		</a> <b class="arrow"></b>

			<ul class="submenu">
				<li class=""><a href="tables.html"> <i
						class="menu-icon fa fa-caret-right"></i> Simple &amp; Dynamic
				</a> <b class="arrow"></b></li>

				<li class=""><a href="jqgrid.html"> <i
						class="menu-icon fa fa-caret-right"></i> jqGrid plugin
				</a> <b class="arrow"></b></li>
			</ul></li>

		<li class=""><a href="#" class="dropdown-toggle"> <i
				class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text">
					Forms </span> <b class="arrow fa fa-angle-down"></b>
		</a> <b class="arrow"></b>

			<ul class="submenu">
				<li class=""><a href="form-elements.html"> <i
						class="menu-icon fa fa-caret-right"></i> Form Elements
				</a> <b class="arrow"></b></li>

				<li class=""><a href="form-elements-2.html"> <i
						class="menu-icon fa fa-caret-right"></i> Form Elements 2
				</a> <b class="arrow"></b></li>

				<li class=""><a href="form-wizard.html"> <i
						class="menu-icon fa fa-caret-right"></i> Wizard &amp; Validation
				</a> <b class="arrow"></b></li>

				<li class=""><a href="wysiwyg.html"> <i
						class="menu-icon fa fa-caret-right"></i> Wysiwyg &amp; Markdown
				</a> <b class="arrow"></b></li>

				<li class=""><a href="dropzone.html"> <i
						class="menu-icon fa fa-caret-right"></i> Dropzone File Upload
				</a> <b class="arrow"></b></li>
			</ul></li>

		<li class=""><a href="widgets.html"> <i
				class="menu-icon fa fa-list-alt"></i> <span class="menu-text">
					Widgets </span>
		</a> <b class="arrow"></b></li>

		<li class=""><a href="calendar.html"> <i
				class="menu-icon fa fa-calendar"></i> <span class="menu-text">
					Calendar <!-- #section:basics/sidebar.layout.badge --> <span
					class="badge badge-transparent tooltip-error"
					title="2 Important Events"> <i
						class="ace-icon fa fa-exclamation-triangle red bigger-130"></i>
				</span> <!-- /section:basics/sidebar.layout.badge -->
			</span>
		</a> <b class="arrow"></b></li>

		<li class=""><a href="gallery.html"> <i
				class="menu-icon fa fa-picture-o"></i> <span class="menu-text">
					Gallery </span>
		</a> <b class="arrow"></b></li>

		<li class=""><a href="#" class="dropdown-toggle"> <i
				class="menu-icon fa fa-tag"></i> <span class="menu-text">
					More Pages </span> <b class="arrow fa fa-angle-down"></b>
		</a> <b class="arrow"></b>

			<ul class="submenu">
				<li class=""><a href="profile.html"> <i
						class="menu-icon fa fa-caret-right"></i> User Profile
				</a> <b class="arrow"></b></li>

				<li class=""><a href="inbox.html"> <i
						class="menu-icon fa fa-caret-right"></i> Inbox
				</a> <b class="arrow"></b></li>

				<li class=""><a href="pricing.html"> <i
						class="menu-icon fa fa-caret-right"></i> Pricing Tables
				</a> <b class="arrow"></b></li>

				<li class=""><a href="invoice.html"> <i
						class="menu-icon fa fa-caret-right"></i> Invoice
				</a> <b class="arrow"></b></li>

				<li class=""><a href="timeline.html"> <i
						class="menu-icon fa fa-caret-right"></i> Timeline
				</a> <b class="arrow"></b></li>

				<li class=""><a href="email.html"> <i
						class="menu-icon fa fa-caret-right"></i> Email Templates
				</a> <b class="arrow"></b></li>

				<li class=""><a href="login.html"> <i
						class="menu-icon fa fa-caret-right"></i> Login &amp; Register
				</a> <b class="arrow"></b></li>
			</ul></li>

		<li class=""><a href="#" class="dropdown-toggle"> <i
				class="menu-icon fa fa-file-o"></i> <span class="menu-text">
					Other Pages <!-- #section:basics/sidebar.layout.badge --> <span
					class="badge badge-primary">5</span> <!-- /section:basics/sidebar.layout.badge -->
			</span> <b class="arrow fa fa-angle-down"></b>
		</a> <b class="arrow"></b>

			<ul class="submenu">
				<li class=""><a href="faq.html"> <i
						class="menu-icon fa fa-caret-right"></i> FAQ
				</a> <b class="arrow"></b></li>

				<li class=""><a href="error-404.html"> <i
						class="menu-icon fa fa-caret-right"></i> Error 404
				</a> <b class="arrow"></b></li>

				<li class=""><a href="error-500.html"> <i
						class="menu-icon fa fa-caret-right"></i> Error 500
				</a> <b class="arrow"></b></li>

				<li class=""><a href="grid.html"> <i
						class="menu-icon fa fa-caret-right"></i> Grid
				</a> <b class="arrow"></b></li>

				<li class=""><a href="blank.html"> <i
						class="menu-icon fa fa-caret-right"></i> Blank Page
				</a> <b class="arrow"></b></li>
			</ul></li>
	</ul>
	<!-- /.nav-list -->

	<!-- #section:basics/sidebar.layout.minimize -->
	<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
		<i class="ace-icon fa fa-angle-double-left"
			data-icon1="ace-icon fa fa-angle-double-left"
			data-icon2="ace-icon fa fa-angle-double-right"></i>
	</div>

	<!-- /section:basics/sidebar.layout.minimize -->
	<script type="text/javascript">
		try {
			ace.settings.check('sidebar', 'collapsed')
		} catch (e) {
		}
	</script>
</div>
<!-- /section:basics/sidebar -->

